<script>
</script>
<div class='tabs'>
	<div class="uc_title m_10 tabs_menu">
		<label class="current node"><span>修改QQ</span></label>
	</div>
</div>
<table class="form_table" width="100%" cellpadding="0" cellspacing="0" id="app">
	<col width="120px" />
	<col />
	<tr>
		<th>新QQ：</th>
		<td><input id='qq'  v-model="qq" class="normal" type="text" /><label></label></td>
	</tr>
	<tr>
		<th></th>
		<td><label class="btn"><input type="button" @click="updateqq" id="updatepwd"
				value="保存" /></label> <label class="btn"><input type="button"
				id="cancel" @click="cleanqq" value="清空" /></label></td>
	</tr>
</table>
<script type="text/javascript">
	new Vue({
		el:"#app",
		data:{
			qq:""
		},
		methods:{
			updateqq:function () {
				console.log(this.qq);
				axios.post("/user/updateQQByUid?qq="+this.qq)
						.then(res => {
							console.info(res);
							if (res.data.code ==200 ){
								layer.msg('恭喜你修改成功!', {icon: 1});
							}else if (res.data.code==20){
								layer.msg('QQ已存在!', {icon: 5});
							}else if (res.data.code==308){
								layer.msg('您输入的QQ格式错误!', {icon: 5});
							}
							else{
								layer.msg('系统异常!', {icon: 5});
							}
						});
			},
			cleanqq:function(){
				this.qq = "";
			}
		},
	});
</script>